<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>忘记密码</title>
    <style type="text/css">
        .header
        {
            height:50px;
            background-color:dodgerblue;
            color: white;
            font-size: larger;
            font-family: "微软雅黑";
            text-indent: 2em;
            line-height:50px;
        }
        .passwd_table
        {
            width: 400px;
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-60%);
            border-collapse:separate ;
            border-spacing: 10px;
        }
        .submit_button
        {
            text-align: center;
        }
        .passwd_info
        {
            outline:none;
            -webkit-appearance:none;
            border-radius: 4px;
            border:1px solid #c8cccf
        }
    </style>
</head>
<body>
<div class="header">云笔记</div>
<form action="" method="get" name="passwd">
    <table class="passwd_table">
        <tr>
            <td><label for="new_passwd">新密码:</label></td>
            <td><input type="password" class="passwd_info" id="new_passwd"></td>
        </tr>
        <tr>
            <td><label for="passwd_confirm">确认密码:</label></td>
            <td><input type="password" class="passwd_info" id="passwd_confirm"></td>
            <td><input type="button" value="发送验证码到邮箱"></td>
        </tr>
        <tr>
            <td><label for="iden_code">验证码:</label></td>
            <td><input type="password" class="passwd_info" id="iden_code"></td>
        </tr>
        <tr>
            <td colspan="3"><div class="submit_button"><input type="submit"></div></td>
        </tr>
    </table>
</form>
</body>
</html>